<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>狗东购物商城！</title>
    <meta name="description" content="狗东毕业设计商城，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <style type="text/css">
        @import url(../static/detail/css/normalize.css);
        @import url(../static/detail/css/base.css);
        @import url(../static/detail/css/detail.css);
        @import url(../static/index/css/footer.css);
        @import url(../static/cart/css/carts.css);
        @import url(../static/cart/css/reset.css);
    </style>
<!--    <script src="../static/detail/js/jquery.min.js"></script>-->
    <script src="../static/detail/js/base.js"></script>
    <script src="../static/detail/js/detail.js"></script>
</head>
<body>
<div class="shortcut">
    <div class="w">
        <!--        首页加位置-->
        <ul class="fl">
            <li id="ttbar-home"><i class="iconfont">&#xe608;</i><a href="/index" target="_blank">狗东首页</a></li>
            <li class="dorpdown" id="ttbar-mycity"></li>
        </ul>
    </div>
    <ul class="fr nav">
        <#if user?exists>
            <li>
                <a href="/userInfo" style="color: #c81623">${user}</a>
                ${warning}
            </li>
            <li class="space"></li>
            <li>
                <a href="/order/all">我的订单</a>
            </li>
            <li class="space"></li>
            <li>
                <a href="/userInfo">我的狗东</a>
            </li>


        <#else>
            <li>
                <a href="/login">你好，请登录</a>
                <a href="/register" class="f10">免费注册</a>
            </li>
        </#if>
        <li class="space"></li>
    </ul>
</div>
</div>
<div class="m">
    <div class="w middle">
        <div class="form">
            <form action="/find/name" method="post">
                <input id="text" type="text" name="name" placeholder="搜索">
                <button><input type="submit" value="搜索" style="width: 50px"></button>
            </form>
        </div>
        <div class="shopCar">
            <i></i><a href="/cart" class="f10">我的购物车</a>
        </div>
        <div class="hotwords">
            <a href="#">${random1.name}</a>
            <a href="#">${random2.name}</a>
            <a href="#">${random3.name}</a>
            <a href="#">${random4.name}</a>
            <a href="#">${random5.name}</a>
            <a href="#">${random6.name}</a>
            <a href="#">${random7.name}</a>
            <a href="#">${random8.name}</a>
        </div>
        <div class="navitems">
            <ul>
                <li><a href="">秒杀</a></li>
                <li><a href="">服装</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">书籍</a></li>
                <li><a href="#">医疗用品</a></li>
                <li><a href="#">数码产品</a></li>
                <li><a href="#">食品</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">日常用具</a></li>
                <li><a href="#">其他</a></li>
                <li class="space"></li>
            </ul>
        </div>
    </div>
</div>
        <section class="cartMain">
            <div class="cartMain_hd">
                <ul class="order_lists cartTop">
                    <li class="list_chk">
                        <!--所有商品全选-->
<#--                        <input type="checkbox" id="all" class="whole_check">-->
<#--                        <label for="all"></label>-->
<#--                        全选-->
                    </li>
                    <li class="list_con">商品信息</li>
                    <li class="list_info">商品参数</li>
                    <li class="list_price">单价</li>
<#--                    <li class="list_amount">数量</li>-->
                    <li class="list_sum">金额</li>
                    <li class="list_op">操作</li>
                </ul>
            </div>


<#--            <#list shops as shop>-->
<#--                <#list products as product>-->

            <div class="cartBox">
                <#list products as product>
                <div class="shop_info">
                    <div class="shop_name">
                        ${product.name} <a href="javascript:;"></a>
                    </div>
                </div>
                <div class="order_content">
                    <ul class="order_lists">
<#--                        <li class="list_chk">-->
<#--                            <input type="checkbox" id="checkbox_${product.id}" class="son_check">-->
<#--                            <label for="checkbox_${product.id}"></label>-->
<#--                        </li>-->
                        <li class="list_con">
                            <div class="list_img"><a href="/detail?id=${product.id}"><img src="../upload/${product.photo}" alt=""></a></div>
                            <div class="list_text"><a href="/detail?id=${product.id}">${product.name}</a></div>
                        </li>
                        <li class="list_info">
                            <p>${product.describes}</p>
                            <p>${product.color}</p>
                        </li>
                        <li class="list_price">
                            <p class="price">￥${product.price?c}</p>
                        </li>
<#--                        <li class="list_amount">-->
<#--                            <div class="amount_box">-->
<#--                                <a href="javascript:;" class="reduce reSty">-</a>-->
<#--                                <input type="text" value="1" class="sum">-->
<#--                                <a href="javascript:;" class="plus">+</a>-->
<#--                            </div>-->
<#--                        </li>-->
                        <li class="list_sum">
                            <p class="sum_price">￥${product.price?c}</p>
                        </li>
                        <li class="list_op">
                            <p class="del"><a href="/cartDel?productId=${product.id}" >移除商品</a></p><br>
                            <p class="del"><a href="/buy?productId=${product.id?c}&price=${product.price?c}" class="addCar">前往购买</a></p>
                        </li>
                    </ul>
                </div>
                </#list>
            </div>

<#--            <div class="bar-wrapper">-->
<#--                <div class="bar-right">-->
<#--                    <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>-->
<#--                    <div class="totalMoney">共计:-->
<#--                        <strong class="total_text">0.00</strong>-->
<#--                    </div>-->
<#--                    <div class="calBtn"><a href="/buy">结算</a></div>-->
<#--                </div>-->
<#--            </div>-->
        </section>
        <section class="model_bg"></section>
<#--        <section class="my_model">-->
<#--            <p class="title">删除宝贝<span class="closeModel">X</span></p>-->
<#--            <p>您确认要删除该宝贝吗？</p>-->
<#--            <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>-->
<#--        </section>-->

        <script src="../static/cart/js/jquery.min.js"></script>
        <script src="../static/cart/js/carts.js"></script>

<bodyfooter>
    <div class="footer">
        <div class="alt">
            <div class="foot">
                <p>关于作者</p>
                <a href="###">冯东旺</a>
                <a href="###">外包171</a>
                <a href="###">广药</a>
                <a href="###">2021届</a>
                <a href="###">毕业设计</a>
                <a href="###">SpringCloud</a>
                <a href="###">电商平台</a>

            </div>
            <div class="foot">
                <p>资源</p>
                <a href="###">生产者代码</a>
                <a href="###">消费者代码</a>
                <a href="###">注册中心代码</a>
                <a href="###">控制代码</a>
            </div>
            <div class="foot">
                <p>产品介绍</p>
                <a href="###">使用教程</a>
                <a href="###">产品思路</a>
            </div>
            <div class="foot">
                <p>友情链接</p>
                <a href="###">Eureka注册中心</a>
                <a href="###">商家管理中心</a>
                <a href="###">资源占用查看</a>
            </div>
            <div class="foot">
                <p>反馈</p>
                <a >作者邮箱：fdw_fdw@qq.com</a>
            </div>
            <div class="foot">
                <p>服务支持</p>
                <a href="###">gitee下载链接</a>
            </div>
            <div class="foot">
                <p>打赏作者</p>
                <img src="../static/index/pay_photo/wechat.jpg" width="128px" height="150px"/>
            </div>
            <div class="foot">
                <p> </p>
                <img src="../static/index/pay_photo/alipay.jpg" width="128px" height="150px"/>
            </div>
        </div>
        <div style="border-top:1px #1F1F1F solid;">
            <p class="alt" style="color:#999; line-height:0;">@ 开放协议：GPL    
                <span>作者：</span>
                <a href="###" target="_blank" style="color:#999;">冯东旺</a>
                <span style="float:right;">地址：广州大学城广药</span>
            </p>
        </div>
    </div>
</bodyfooter>
</body>
</html>